App.UploadDialog = function() {
	var form1 = new Ext.form.FormPanel({
		id : 'file1',
		labelWidth : 1,
		frame : true,
		width : 500,
		height : 250,
		fileUpload : true,
		items : [{
			xtype : 'textfield',
			labelSeparator :'',
			id :'imageid',
			inputType : 'image',
			width: 400,
            height: 200
		}]
		
	});
	var form = new Ext.form.FormPanel({
		id : 'file',
		labelAlign : 'center',
		labelWidth : 50,
		frame : true,
		url : '../uploadImg.jsp',
		width : 500,
		height : 80,
		fileUpload : true,
		items : [{
			xtype : 'textfield',
			fieldLabel : '文件名',
			name : 'file',
			width:400,
			allowBlank : false,
			inputType : 'file'// 文件类型
		}],
		buttons : [{
			text : '上传',
			handler : function() {
				if (form.form.isValid()) {
					Ext.MessageBox.show({
	
						title : 'Please wait',
	
						msg : 'Uploading...',
	
						progressText : '',
	
						width : 300,
	
						progress : true,
	
						closable : false,
	
						animEl : 'loding'
	
					});
					form.getForm().submit({
						success : function(form, action) {							
							Ext.Msg.alert('友情提示    ', '图片上传成功');
							Ext.getCmp('imageid').getEl().dom.src='../upload/'+action.result.message;
							Ext.getCmp('fileurl').setValue(action.result.message);		
						},
						failure : function(form, action) {
							Ext.Msg.alert('友情提示', action.result.message);
						},
						waitMsg : '正在上传图片，请稍后...'
					});
				}
			}
		}]
	});
	var win = new Ext.Window({
		id : 'UploadDialog',
		title : '图片上传',
		width : 500,
		height : 400,
		closable : false,
		collapsible : false,
		modal : true,
		defaults : {
			border : false
		},
		items : [form1,form],
		buttons : [{
			text : '确定',
			handler : function() {
				var img = Ext.getCmp('imageid').getEl().dom.src;
				var m=img.lastIndexOf('/');
				var n=img.length;
				Ext.getCmp('fileurl').setValue(img.substring(m+1,n));			
				Ext.getCmp('UploadDialog').close();
			}
		}, {
			text : '关闭',
			handler : function() {
				Ext.getCmp('UploadDialog').close();
			}
		}],
		showLock: false, /*自定义的属性*/
            listeners: {
                'show': function(_window){
                    if(!_window['showLock']){
                    	var a= Ext.getCmp('fileurl').getValue();
                    	if(a==''){
                        	Ext.getCmp('imageid').getEl().dom.src='../upload/lvback.gif';                   
                        }else{
                        	Ext.getCmp('imageid').getEl().dom.src='../upload/'+a;
                        }
                    }
                    _window['showLock'] = true;
                }
            }
	})
	win.show();
}